body {
  font-family: RootFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*************************************************flex布局***************************************/
.flex {
  display: flex;
  align-items: center;
}
.flex--b {
  justify-content: space-between;
}
.flex--e {
  justify-content: flex-end;
}
.flex--c {
  justify-content: center;
}
/****************************继承宽高****************************************************************/
.w--100 {
  width: 100%;
}
.h--100 {
  height: 100%;
}
.wh--100 {
  height: 100%;
  width: 100%;
}
.lx-viewport__box {
  width: 100vw;
  height: 100vh;
}
.mr-10 {
  margin-right: 10px;
}
// .lx-bg{
//     background-color: #f7f7f7;
// }
/******************搜索表单********/
.search__form--g {
  background-color: #fff;
  // border-radius: 10px;
  padding: 0 10px;
  .el-form {
    .el-form-item {
      margin: 0 22px 10px 0;
    }
  }
}
.table__wrap--g {
  background-color: #fff;
}
.pagination--g {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.lx--fff {
  background-color: #fff;
}
.br--5 {
  border-radius: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
.ml--10 {
  margin-left: 10px;
}
html,
body,
#app {
  background-color: #f2f3f5;
}
.float__block--g {
  --app-box-block-shadow: 0px 0px 16px rgba(107, 125, 153, 0.075),
    0px 0px 2.00345px rgba(107, 125, 153, 0.15);
  --app-box-block-float-shadow: 0px 9px 22px rgba(107, 125, 153, 0.23),
    0px 1.12694px 2.75474px rgba(107, 125, 153, 0.115);
  box-shadow: var(--app-box-block-shadow);
  transition: all 400ms ease;
  border-radius: 4px;
  border: 1px solid #fff;
  padding: 15px;

  &:hover {
    box-shadow: var(--app-box-block-float-shadow);
    transition: all 200ms ease;
    transform: translateY(-4px);
  }
}

.page__wrap--g {
  width: 100%;
  height: 100%;
  padding: 10px;
  .form__wrap--g{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .table__wrap--g {
    width: 100%;
    height: calc(100% - 100px);
    overflow-y: auto;
    &.no-page{
        height: calc(100% - 50px);
    }
  }
  .pagination__wrap--g {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
